<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <style>
    /* модальный DIV, который всё перекрывает */
    
    #box {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      /* нужно если в документе есть элементы с z-index > 0 */
      
      background: #aef;
      opacity: 0.7;
    }
    
    p,
    button {
      margin: 35px;
    }
  </style>
</head>

<body>


  <div id="box"></div>


  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
  <p>Текст Текст Текст</p>
  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>



</body>

</html>